* {
  margin: 0;
  padding: 0;
}

body {
  overflow: auto;
  min-width: 1150px;
  background: #f2f3f5;
  font-size: 12px;
  font-family: "Microsoft YaHei";
  -webkit-font-smoothing: antialiased;
  line-height: normal;
}

dd,
dl,
dt,
form,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 400;
}

img {
  border: none;
}

a:focus {
  outline: 0;
  -moz-outline: none;
}

a {
  text-decoration: none;
  color: #38485a;
}

a:hover {
  /*color: #4fa2dd;*/
  transition: all 0.2s;
}

p {
  word-wrap: break-word;
  word-break: normal;
}

.hf_text_red_240 {
  color: #74b5f7 !important;
}

.flex {
  display: flex;
}

.flex_sc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*字体图标*/
.hf_icon_header_101 {
  display: inline-block;
  position: absolute;
  left: 15px;
}

.hf_icon_focus_130 {
  display: inline-block;
  width: 16px;
  text-align: center;
  color: #fb820c;
}

.hf_icon_down_176 {
  color: #fff;
  position: absolute;
  left: 42%;
  bottom: -25px;
  font-size: small;
}

.hf_triangle_down_068 {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  color: #fff;
  position: absolute;
  left: 45%;
  bottom: 18px;
}

.hf_icon_rank_179 {
  position: absolute;
  left: 26px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #a1b7c4;
  color: #fff;
  border-radius: 26px;
  text-align: center;
  line-height: 28px;
  margin: 5px 5px 0 0;
}

.hf_icon_pro_219 {
  position: absolute;
  left: 12px;
  top: 13px;
}

.hf_icon_pro2_178 {
  position: absolute;
  top: 1px;
  left: 32px;
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 25px;
  background: #fff;
  vertical-align: middle;
  text-align: center;
}

.hf_icon_play_177 {
  position: absolute;
  background-color: #54bef0;
  bottom: 30px;
  height: 26px;
  right: 0;
  width: 32px;
  opacity: 0.9;
  text-align: center;
  color: #d5d5d5;
}

.hf_icon_video_133 {
  position: absolute;
  left: 26px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #a1b7c4;
  color: #fff;
  text-align: center;
  line-height: 28px;
  margin: 5px 5px 0 0;
}

.hf_icon_signal_103 {
  /* position: absolute; */
  /* left: -13px; */
  margin-top: 3px;
  font-weight: 600;
  margin-right: 10px;
  position: relative;
  margin-left: -4px;
}

.hf_icon_top_220 {
  color: #fff;
}

.hf_icon_play_s_102 {
  position: absolute;
  background-color: #4bcb5d;
  cursor: pointer;
  bottom: 2px;
  left: 102px;
  width: 24px;
  height: 24px;
  line-height: 28px;
  opacity: 0.9;
  text-align: center;
  color: #e6e6e6;
}

.hf_icon_play2_131 {
  display: none;
  position: absolute;
  left: 44%;
  top: 30%;
  opacity: 0.9;
  color: #d5d5d5;
}

.hf_icon_play3_132 {
  display: none;
  position: absolute;
  left: 44%;
  top: 27%;
  opacity: 0.9;
  color: #d5d5d5;
}

.hf_icon_cur1_174 {
  display: block;
  color: #585a59;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  position: absolute;
  top: 7px;
}

.hf_icon_cur2_175 {
  display: block;
  color: #585a59;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  position: absolute;
  top: 7px;
}

.hf_download_info_056 .hf_icon_download_058 {
  display: inline-block;
  color: #3884f8;
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  padding-left: 5px;
}

#wrap {display: grid;grid-template-rows: auto 1fr auto;min-height: 100vh;}
/*头部导航栏*/
#header {
  position: relative;
  background-color: #262626;
  height: 80px;
  width: 100%;
}

#header .hf_container_163,
#footer .hf_container_163 {
  width: 1200px;
  margin: 0 auto;
}

#footer .hf_container_163 {
  padding: 20px 0;
  height: 78px;
}

#nav {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
}

.hf_navbar_280 {
  float: right;
  height: 100%;
}

.hf_navbar_280 li {
  position: relative;
  list-style: none;
  float: left;
  display: block;
  height: 100%;
  width: 104px;
}

.hf_subnav_293 li {
  height: 45px;
}

.hf_navbar_280 li a {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bolder;
  transition: all 0.2s;
  height: 100%;
  line-height: 80px;
  width: 100%;
  text-align: center;
}

.hf_subnav_293 li a {
  line-height: 45px;
}

.hf_navbar_280 li a:hover,
.hf_navbar_280 li a.active {
  background: #74b5f7;
  color: #262626;
}

.hf_navbar_280 li a:hover .hf_triangle_down_068,
.hf_navbar_280 li a.active .hf_triangle_down_068 {
  border-top: 6px solid rgb(38, 38, 38);
}

#logo {
  float: left;
  margin: 10px 0;
  color: #fff;
  font-size: 36px;
}

#logo img {
  width: auto;
  max-height: 60px;
}

.hf_subnav_293 {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  padding: 4px 0;
  background-color: #74b5f7;
  z-index: 10;
  width: 100%;
  border-bottom: 4px solid #262626;
}

.hf_subnav_293 ul {
  padding: 0;
  width: 100%;
  display: block;
}

.hf_subnav_293 ul li {
  float: none;
  text-align: center;
}

.hf_subnav_293 ul li a {
  display: block;
  color: #262626;
  /* padding: 9px; */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

.hf_subnav_293 ul li a:hover {
  background: #74b5f7;
  color: #262626;
}

.hf_add_nav_247 {
  width: 198px;
}

.hf_add_nav_247 ul li {
  float: left;
  width: 50%;
  text-align: center;
}

.hf_crumbs_270 {
  margin-top: -5px;
}

.hf_crumbs_270 a {
  color: #818181;
}

.hf_crumbs_270 a:hover {
  color: #4eb4e4;
}

.hf_crumbs_270 span {
  font-weight: bolder;
  color: #1273b5;
}

/*首页顶部*/
#banner {
  width: 1100px;
  margin: 0 auto;
}

#content {
  width: 1200px;
  margin: 0 auto 10px;
  /* display: flex; */
  padding-top: 15px;
}

.hf_inner_306 {
  width: 1200px;
  margin: 0 auto;
}

#content_main {
  float: left;
  /* width: 800px; */
  width: 1200px;
  /* min-height: 400px; */
  position: relative;
}

#content_main-1 {
  float: left;
   /* width: 800px;  */
  /*width: 1200px;*/
  /* min-height: 400px; */
  position: relative;
}
.hf_main_1_279 #content_main-1 {width: 800px;}

#events {
  font-size: 14px;
  overflow: hidden;
  margin-bottom: 15px;
}

#events div {
  width: 50%;
  float: left;
}

#events h2 {
  font-weight: 400;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  color: #595959;
}

.hf_hot_match_168 {
  height: 25px;
}

.hf_hot_match_168 a {
  display: inline-block;
  margin-left: 10px;
  color: #10c84c;
}

.hf_hot_match_168 .hf_match_news_137 {
  color: #4aaaed;
}

.hf_hot_video_169 .hf_point_312 {
  width: 10px;
  height: 22px;
  line-height: 22px;
  vertical-align: top;
}

.hf_hot_video_169 a {
  display: inline-block;
  width: 90%;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
}

/*侧栏日期表*/
.hf_filter_h2_166 {
  background: #fff;
  padding: 10px 30px 10px 28px;
  text-align: center;
  position: absolute;
  left: -150px;
  top: 0;
  border-top: 2px solid #262626;
  font-weight: 700;
}
.hf_filter_272 {
  position: absolute;
  left: -150px;
  top: 45px;
}

.hf_filter_272 li {
  padding: 10px 5px;
  border-bottom: 1px solid #fff;
  background-color: #fff;
  cursor: pointer;
  color: #999;
  display: flex;
  justify-content: center;
  width: 120px;
  font-size: 0.875rem;
  font-weight: bold;
  font-family: Microsoft YaHei;
  line-height: 1.888rem;
}

.hf_filter_272 li .hf_filter_day_128 {
  text-align: center;
  margin-right: 5px;
}

.hf_filter_272 li:hover,
.hf_filter_272 .hf_cur_358 {
  background-color: #74b5f7;
  color: #fff;
}

.hf_filter_272 li:last-child {
  border-radius: 0px 0px 5px 5px;
}

.hf_filter_fixed_075 {
  position: fixed;
  top: 0;
  left: 190px;
}

/*首页分类标题*/
.hf_content_header_046 {
  height: 55px;
  line-height: 55px;
  border-bottom: 3px solid #48b9e8;
}

.hf_content_header_046 h1 {
  display: inline-block;
  float: left;
}

.hf_kind_list_184 {
  margin-left: 25%;
  list-style: none;
  display: inline-block;
}

.hf_kind_list_184 li {
  width: 120px;
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 10px 0 10px;
}

.hf_kind_list_184 li h2 {
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
}

.hf_kind_list_184 a {
  text-align: center;
  font-size: 16px;
  display: block;
  cursor: pointer;
}

.hf_kind_list_184 a:hover {
  color: #74b5f7;
}

.hf_kind_list_184 li:hover,
li.show {
  border-bottom: 4px solid #74b5f7;
}

.hf_kind_list_184 li.show a {
  color: #74b5f7;
}

/*详情页比赛标题*/
.hf_match_video_container_003 {
  background-color: #fff;
  margin-bottom: 20px;
  border-radius: 5px;
}

.hf_match_video_box_038 {
  padding: 20px;
  border-bottom: 1px solid #f2f3f5;
}

.hf_match_title_play_026 {
  padding: 15px;
  text-align: center;
}

.hf_match_title_play_026 h1 {
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  color: #369ee6;
}

.hf_match_title_108 {
  text-align: center;
  background-color: #262626;
  font-size: 20px;
  color: #fff;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hf_match_title_108 h1 {
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.hf_match_title_108 strong {
  text-align: center;
  color: #787878;
  padding: 10px;
  font-size: 1.2em;
  display: block;
}

.hf_ct_1 {
    background-color: #FFF;
    padding: 0 5px;
}

.hf_page_1{display: flex;justify-content: center;}
.hf_page_1 li {
    margin: 0 5px;
}
.hf_page_1 li a {
    background: #212224;
    padding: 5px 10px;
    color: #fff;
}
.hf_page_1 li.active a {
    background: #74b5f7;
}

.hf_miantitle_189 {
  display: inline-block;
}

.hf_match_time_138 {
  display: inline-block;
  text-align: center;
  margin-right: 12px;
}

.hf_teamvs_296 {
  display: flex;
  height: 128px;
  background: rgba(255, 255, 255, 0.8);
  align-items: center;
  justify-content: center;
  width: 100%;
}

.hf_match_bg_223 {
  background: url(../images/match_bg.jpg);
  background-size: cover;
  height: 200px;
  display: flex;
  align-items: center;
}

.hf_match_bg_gray_060 {
  background-image: linear-gradient(black, black), url(../images/match_bg.jpg);
  background-blend-mode: saturation;
}

.hf_match_video_container_003 .hf_status_wrap_117 {
  background-color: #262626;
  height: 60px;
  color: #fff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hf_score_container_041 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  width: 270px;
}

.hf_team_group_148 {
  max-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hf_team_group_148 img {
  width: 60px;
  height: 60px;
  z-index: 2;
}

.hf_match_video_box_038 .hf_team_name_202 {
  font-size: 20px;
  padding-top: 5px;
  font-weight: bold;
}

.hf_team_form_198 {
  width: 100%;
  margin: 12px 0;
  font-size: 13px;
}

.hf_team_form_198 th {
  padding: 8px;
}

.hf_team_form_198 td {
  padding: 8px;
  text-align: center;
}

.hf_team_form_198 a {
  padding: 0 5px;
  margin: 0;
  font-size: 13px;
}

.hf_form1_304 {
  float: left;
  width: 49%;
}

.hf_form2_305 {
  float: right;
  width: 49%;
}

.hf_form1_304 h3,
.hf_form2_305 h3 {
  text-align: center;
  font-size: 15px;
  margin-top: 10px;
}

.hf_team_live_200 {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 600;
  padding: 5px 0;
}

.hf_section_262 .hf_con_357 {
  /* display: flex;
    flex-wrap: wrap; */
  padding: 16px 20px 16px 20px;
  margin-bottom: 0;
}

.hf_section_262 .hf_con_dujia_162 {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 20px 15px 15px;
  margin-bottom: 0;
}

/*倒计时*/
.hf_count_301 p {
  font-size: 15px;
  color: #828282;
}

ul.hf_countdown_164 {
  list-style: none;
  margin: 25px 0;
  display: block;
  text-align: center;
}

ul.hf_countdown_164 li {
  display: inline-block;
}

ul.hf_countdown_164 li span {
  font-size: 40px;
  font-weight: 400;
  margin: 0;
  padding: 0 7px;
  line-height: 40px;
  background: #5ced7b;
  color: #fff;
}

ul.hf_countdown_164 li.hf_seperator_196 {
  font-size: 30px;
  line-height: 70px;
  vertical-align: baseline;
}

/*直播列表*/
.hf_schedule_234 {
  margin-bottom: 20px;
}

.hf_daily_302,.hf_daily1_271 {
  background: #ffffff;
  margin-bottom: 10px;
  border-radius: 5px;
  margin-left: 1px;
}

.hf_daily_302:first-child,.hf_daily1_271:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.hf_align_items_089 {
  display: flex;
  font-size: 14px;
  align-items: center;
}

.hf_date_326 {
  /* padding-left: 15px; */
  text-align: left;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  background: #eeeeee;
  border-radius: 0px 10px 10px 0px;
}

.hf_date_326 p {
  padding: 6px 10px;
  font-size: 0.85rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 1rem;
  color: #333333;
}

.hf_date_326 h2 {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
}

.hf_video_date_151 {
  text-align: left;
  display: inline-block;
  margin-top: 15px;
  display: flex;
  padding-left: 20px;
}

.hf_video_date_151 p {
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 0px;
  font-size: 16px;
  font-weight: bold;
}

.hf_video_date_151 img {
  width: 20px;
  height: 20px;
  align-self: center;
  margin-right: 4px;
}

.hf_video_date_151 h2 {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
}

.hf_nodata_282 {
  text-align: center;
  font-size: 14px;
  padding: 20px 0;
}

.hf_past_341 {
  background: #939393;
}

.hf_list_335 {
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  line-height: 1.188rem;
}

.hf_item_332 {
  border-bottom: 1px solid #eeeeee;
  padding: 15px 0 15px 0;
  line-height: 20px;
  font-size: 14px;
}

.hf_item_332 a:hover {
  text-decoration: underline;
  color: #4fa2dd;
}

.hf_point_312 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  display: inline-block;
  width: 16px;
  text-align: center;
}

.hf_time_349 {
  margin: 0 20px;
}

.hf_league_276 {
  margin-right: 10px;
}

.hf_game_328 {
  margin-right: 20px;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.hf_game_328 div {
  width: 40px;
  text-align: center;
}

.hf_game_328 a {
  width: 140px;
  text-align: right;
}

.hf_signal_291 {
  font-size: 14px;
  color: #10c84c;
}

.hf_highLive_216 {
  border-radius: 5px;
  box-sizing: border-box;
  padding: 3px 5px;
  border: 1px solid #000000;
}

.hf_blod_320 .hf_league_276,
.hf_blod_320 .hf_game_328,
.hf_blod_320 .hf_time_349 {
  font-weight: bold;
  color: #1f3145;
}

/*联赛/直播信息简介*/
.hf_nomatch_257 {
  background: #ffffff;
  border-radius: 5px;
  padding: 30px 0 100px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.hf_nomatch_257 span {
  display: block;
  color: #a6beda;
}

.hf_info_331 {
  margin: 15px 0 30px;
}

.hf_info_331 p {
  padding: 10px;
  color: #666;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 24px;
}

p.hf_live_address_078 {
  position: relative;
  margin-left: 10px;
}

.hf_live_address_078 span {
  font-weight: 400;
}

.hf_live_address_078 a {
  margin-left: 10px;
}

.hf_live_notice_104 {
  text-align: center;
  font-size: 20px;
}

.hf_live_info_188 {
  min-height: 90px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  font-size: 14px;
}

.hf_live_info_188 .hf_live_address_078 {
  display: flex;
  width: 120px;
  position: relative;
  align-items: center;
}

.hf_icon_tv2_218:before {
  color: #0080ff;
  font-size: 26px !important;
}

.hf_icon_tv2_218::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: 10px;
  left: 10px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #0080ff;
}

.hf_living_text_106 {
  color: #ff0000;
}

.hf_icon_signal_new_034 {
  background: url("../images/material-live-tv.png") no-repeat center center;
  height: 18px;
  width: 28px;
  margin-right: 3px;
}

/*视频页*/
.hf_video_details_title_011 {
  text-align: center;
  width: 527px;
  padding-left: 15px;
  margin: 30px 0 20px 0;
}

.hf_video_details_info_014 {
  width: 562px;
  margin-top: 30px !important;
}

.hf_video_details_info_014 > ul {
  float: none !important;
  width: 100% !important;
}

.hf_section_262 {
  overflow: hidden;
  margin-bottom: 15px;
  background: #ffffff;
  border-radius: 5px;
}

.hf_section_262 h2 {
  padding: 8px 10px;
  color: #369ee6;
  font-size: 16px;
  background-color: #eff6fa;
  border: 1px solid #eff6fa;
  font-weight: bold;
}

.hf_qrcode_287 {
  text-align: center;
}

.hf_qrcode_287 img {
  max-width: 70%;
  height: auto;
}

.hf_qrcode_287 p {
  font-size: 14px;
  font-weight: bold;
  color: #369ee6;
}

.hf_video_kind_154 {
  color: #3393ec;
}

.hf_more_338 {
  display: inline-block;
  float: right;
  font-size: 13px;
  color: #aaaaab;
  padding: 3px;
}

.hf_video_box_205 {
  float: left;
  padding: 10px;
  position: relative;
  width: 160px;
}

.hf_img_outer_181 {
  display: block;
  background: #000;
  height: 105px;
}

.hf_img_outer_181:hover .hf_video_img_206 {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

.hf_img_outer_181:hover span {
  display: inline-block;
}

.hf_video_img_206 {
  width: 160px;
  height: 105px;
  background-color: #fff;
  transition: all 0.3s;
}

.hf_video_title_121 {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}

.hf_pages_309 {
  position: relative;
  left: 50%;
  float: left;
  margin-top: 20px;
}

/*视频播放页*/
.hf_player_box_146 img {
  width: 760px;
}

.hf_picbox_284 {
  width: 704px;
  height: 115px;
  overflow: hidden;
  position: relative;
  background: #404040;
  margin-bottom: 10px;
}

.hf_piclist_258 {
  width: 200%;
  height: 115px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.hf_piclist_258 li {
  background: #363636;
  margin: 3px;
  padding: 5px;
  float: left;
  position: relative;
}

.hf_piclist_258 li a {
  display: block;
}

.hf_piclist_258 li img {
  width: 160px;
  height: 105px;
}

.hf_piclist_258 li:hover {
  background: #292929;
}

.hf_piclist_258 li:hover img {
  opacity: 0.8;
}

.hf_swaplist_238 {
  position: absolute;
  left: -3000px;
  top: 0px;
}

.hf_cur_prev_212,
.hf_cur_next_211 {
  width: 25px;
  height: 40px;
  background: #fff;
  position: absolute;
  top: 38px;
  z-index: 10;
  cursor: pointer;
  filter: alpha(opacity=70);
  opacity: 0.7;
  border-radius: 7px;
}

.hf_cur_prev_212 {
  left: 0px;
}

.hf_cur_next_211 {
  right: 0px;
}

.hf_piclist_258 span {
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 40px;
  line-height: 18px;
  text-align: center;
  background: none repeat scroll 0 0 #01060d;
  color: #fff;
  opacity: 0.7;
  font-size: 12px;
  transition: bottom 0.2s;
}

.hf_piclist_258 li:hover span {
  bottom: 2px;
}

.hf_active_video_071 img {
  opacity: 0.8;
}

.hf_active_video_071 span {
  bottom: 2px;
  color: #ff8809;
}

.hf_videoplay_tag_070 {
  margin: 10px 0;
}

.hf_videoplay_tag_070 span {
  font-size: 14px;
  font-weight: bold;
  color: #1d94f0;
}

.hf_videoplay_tag_070 a {
  font-size: 14px;
}

.hf_videoplay_tag_070 a:hover {
  text-decoration: underline;
}

.hf_match_title_108 .hf_play_title_144 {
  font-size: 19px;
  color: #191919;
}

.hf_match_title_108 .hf_play_time_192 {
  color: #a3a3a3;
}

/*视频tag标签*/
.hf_video_tag_207 {
  padding: 10px 5px;
  overflow: hidden;
}

.hf_tag_list_239 li a {
  float: left;
  background-color: #3dd48b;
  padding: 5px 10px;
  margin: 7px 0 0 10px;
  color: #fff;
  font-size: 13px;
}

.hf_tag_list_239 li a:hover {
  background-color: #36b879;
}

/*常用频道和视频录像*/
.hf_common_channels_031 {
  padding: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.hf_common_channels_031 li {
  float: left;
  margin: 5px 10px;
  font-size: 14px;
}

.hf_wrap_354 {
  margin-top: 15px;
}

.hf_wrap_354 ul {
  overflow: hidden;
}

.hf_channel_tt_125 {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 8px;
  border: 1px solid #44a5fc;
  color: #333;
  transform: skew(-20deg);
  font-size: 16px;
  background: #2fa1f0;
}

.hf_channel_tt_125 div {
  transform: skew(20deg);
  color: #fff;
}

.hf_record_title_083 {
  height: 60px;
  line-height: 20px;
  margin-right: 12px;
}

.hf_addheight_157 {
  height: 165px;
}

.hf_record_title_083:hover {
  text-decoration: underline;
}

.hf_menu_title_139 {
  font-size: 16px;
  padding: 10px;
  margin-top: 23px;
}

.hf_week_352 {
  overflow: hidden;
}

.hf_week_352 li {
  float: left;
  padding: 10px 13px;
  color: #292929;
  cursor: pointer;
}

.hf_week_352 .hf_weekhover_208,
.hf_week_352 li:hover {
  background-color: #54c6f6;
  color: #fff;
}

.hf_clannel_menu_073 {
  display: none;
  border: 1px solid #cfcfcf;
  height: 342px;
  overflow-y: scroll;
  padding: 10px;
  margin-bottom: 16px;
}

.hf_clannel_menu_073 li {
  padding: 5px;
  height: 25px;
  line-height: 25px;
  font-size: 13px;
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
}

.hf_clannel_menu_073 li:hover {
  background-color: #e9e9e9;
}

/*下载页*/
.hf_download_img_074 {
  float: left;
  padding: 10px;
  width: 300px;
  text-align: center;
  vertical-align: middle;
  margin-top: 50px;
}

.hf_download_info_056 {
  float: right;
  width: 400px;
  padding-right: 10px;
  font-size: 14px;
  text-align: left;
}

.hf_download_info_056 li {
  line-height: 30px;
}

.hf_download_info_056 span {
  display: inline-block;
  padding-left: 30px;
}

.hf_download_info_056 tr {
  line-height: 30px;
}

.hf_smallh2_264 h2 {
  line-height: 20px;
  margin-top: 20px;
}

/*战报页*/
.hf_reports_261 {
  padding: 10px 0;
  overflow: hidden;
}

.hf_league_report_059 {
  margin: 12px 0;
  width: 47%;
  float: left;
  padding-right: 20px;
}

.hf_report_list_113 {
  font-size: 13px;
  height: 263px;
}

.hf_report_list_113 li {
  padding: 5px;
  overflow: hidden;
}

.hf_report_list_113 img {
  width: 120px;
  height: 80px;
}

.hf_other_report_081 {
  display: block;
  height: 17px;
  width: 90%;
  overflow: hidden;
}

.hf_other_report_081:hover {
  text-decoration: underline;
}

.hf_report_list_113 .hf_keyreport_183 {
  display: block;
  width: 100%;
  height: 30px;
  margin-bottom: 5px;
  line-height: 30px;
  font-size: 16px;
  font-weight: 600;
}

.hf_report_list_113 p {
  width: 185px;
  max-height: 75px;
  float: left;
  padding: 0 10px;
  text-indent: 2em;
  color: #585858;
  line-height: 18px;
  overflow: hidden;
}

.hf_report_289 {
  margin-top: 20px;
}

.hf_report_289 li {
  font-size: 15px;
}

.hf_report_289 a:hover {
  text-decoration: underline;
}

/*侧边栏*/
#aside {
  width: 380px;
  padding-left: 20px;
  position: relative;
  float: left;
}

.hf_section_262 h3 {
  padding: 10px;
  color: #369ee6;
  font-size: 16px;
  background-color: #eff6fa;
  border: 1px solid #eff6fa;
  font-weight: bold;
}

.hf_section_262 h4 {
  padding: 10px;
  background-color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #e1e1e1;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
  position: relative;
}

.hf_section_262 h4::before {
  content: "";
  position: relative;
  top: 2px;
  display: inline-block;
  width: 6px;
  height: 16px;
  background: #74b5f7;
  border-radius: 5px;
  margin-right: 8px;
}

/*.hf_section_262 h4::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 20px;*/
/*    display: inline-block;*/
/*    width: 24px;*/
/*    height: 20px;*/
/*    background-image: url('../images/205e8056ade34b96b85531acb6e1eb03.gif');*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    margin-left: 170px;*/
/*}*/

.hf_info_331 {
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
}

.hf_info_331 h4 {
  padding: 14px 20px 14px 44px;
  font-size: 16px;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  display: flex;
}

.hf_info_331 h4::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
  background-repeat: no-repeat;
  background-size: cover;
  left: 20px;
}

.hf_info_331 h4 img {
  align-self: center;
  margin-right: 1px;
}

.hf_con_357 {
  margin-bottom: 10px;
}

.hf_con_357 a {
  /* display: inline-block; */
  margin: 5px;
  padding: 5px;
  flex: 1 0 30%;
  /*background: #f5f5f5;*/
  /*border: 1px solid #eeeeee;*/
  opacity: 1;
  border-radius: 3px;
  text-align: center;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 1.888rem;
  color: #999999;
}

.hf_con_357 p {
  font-size: 13px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  margin-top: 50px;
}

.hf_pros_344 {
  overflow: hidden;
  margin-bottom: 10px;
}

.hf_con_357 .hf_program_259 {
  width: 60px;
  height: 70px;
  float: left;
  padding: 0;
  position: relative;
}

.hf_matches_256 {
  color: #4fa2dd;
}

/*侧栏视频选项卡*/
.hf_tab_372 {
  height: 50px;
  background: #eff6fa;
  position: relative;
}

.hf_tab_bb_294 {
  width: 250px;
  height: 50px;
  background: #369ee6;
  float: left;
  transition: all 0.5s;
}

.hf_tab_fb_295 {
  width: 100px;
  height: 50px;
  background: #72db49;
  float: left;
  transition: all 0.5s;
}

.hf_bb_title_209 {
  position: absolute;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  left: 100px;
  transition: all 0.5s;
}

.hf_fb_title_214 {
  position: absolute;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 18px;
  left: 265px;
  transition: all 0.5s;
}

.hf_box_video_160 {
  overflow: hidden;
}

.hf_box_video_160 img {
  width: 175px;
  height: 112px;
}

.hf_box_video_160 span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-align: center;
  background: none repeat scroll 0 0 #01060d;
  color: #fff;
  opacity: 0.7;
  font-size: 12px;
}

.hf_fb_video_215 {
  display: none;
}

.hf_box_video_160 li a {
  position: relative;
  width: 175px;
  height: 112px;
  float: left;
}

.hf_box_video_160 li a:hover .hf_icon_play_177 {
  background: #50da64;
}

/*侧栏视频列表*/
.hf_rank_list_194 {
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  padding: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hf_rank_list_new_062 {
  height: 34px;
  font-size: 14px;
  padding: 5px 0 5px 5px;
  display: flex;
  justify-content: left;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
}

.hf_rank_list_new_062 > img {
  width: 26px;
  height: 26px;
  margin-right: 7px;
}

.hf_rank_list_new_062 > div {
  white-space: nowrap; /* 不换行 */
  overflow: hidden;
  max-width: 320px;
  text-overflow: ellipsis;
}

.hf_rank_list_new_062 > div > a {
  white-space: nowrap; /* 不换行 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0;
  padding: 0;
}

.hf_new_rank_224 {
  padding: 5px 0 5px 38px;
  border-bottom: 1px solid #eaeaea;
}

.hf_new_rank_224 a {
  color: #333333;
}

.hf_video_list_s_086 {
  padding: 2px 5px;
}

.hf_rank_list_194 .hf_time_349 {
  margin-right: 10px;
  vertical-align: top;
}

.hf_rank_list_194 a {
  line-height: 34px;
  margin: 0;
  padding: 0;
  height: 34px;
  overflow: hidden;
}

.hf_rank_list_194:hover .hf_icon_rank_179,
.hf_rank_list_194:hover .hf_icon_video_133 {
  background: #5ecd7b;
}

.hf_rank_list_194 img,
.hf_rank_list_194 .hf_icon_play_s_102 {
  display: none;
}

.hf_img_box_253 {
  height: auto;
  overflow: hidden;
  padding: 2px 0 2px 6px;
  font-size: 14px;
  position: relative;
}

.hf_img_box_253 .hf_time_349 {
  display: none;
}

.hf_img_box_253 .hf_img_title_182 {
  float: left;
  width: 214px;
  overflow: visible;
  height: auto;
  line-height: 20px;
  padding: 10px 5px;
  margin: 0;
}

.hf_img_box_253 img {
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 10px;
  margin: 0;
  cursor: pointer;
}

/*网站地图*/
.hf_sitemap_263 {
  margin-top: 12px;
}

.hf_sitemap_263 h2 {
  background-color: #fff;
  padding: 5px;
  border: none;
  font-size: 17px;
  overflow: auto;
}

.hf_sitemap_263 a {
  padding: 0;
  margin: 7px;
}

.hf_sitemap_263 a:hover {
  text-decoration: underline;
}

/*返回顶部*/
#gotoTop {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 40px;
  cursor: pointer;
  width: 100px;
  height: 36px;
  background: #262626;
  border-radius: 5px;
  text-align: center;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 2.255rem;
  color: #ffffff;
}

.hf_contact_250 {
  margin-top: 10px;
  background: #fff;
  height: 300px;
  padding-top: 100px;
  font-size: 20px;
  text-align: center;
}

.hf_contact_img_093 img {
  width: 100%;
  margin-top: 10px;
}

/*底部*/
.hf_footer_273 {
  width: 100%;
  background: #212224;
}

.hf_footer_273 .hf_mw_380 {
  padding-top: 30px;
  background: #212224;
}

.hf_mw_380 {
  width: 1200px;
  margin: 0 auto;
}
.hf_footer_273 .hf_mw_380 a{
    color: #999;
}
.hf_footer_273 .hf_mw_380 a:hover{
    color:#74b5f7 ;
}
.hf_footer_273 .hf_links_307 {
  padding: 10px 0px;
  border-bottom: solid 1px #161617;
}

.hf_footer_273 .hf_links_307 h5 {
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
  display: inline-block;
}

.hf_footer_273 .hf_links_307 a {
  color: #8d93a1;
  display: inline-block;
  padding: 10px 0;
  margin-right: 20px;
  font-size: 14px;
}

.hf_footer_273 .hf_notice_283 {
  margin-top: 20px;
  color: #8d93a1;
  font-size: 12px;
  text-align: center;
}

.hf_footer_273 .hf_notice_283 a {
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  margin: 0 5px;
}

.hf_footer_273 .hf_cp_376 {
  padding: 10px 0 50px 0;
  color: #8d93a1;
  font-size: 12px;
  text-align: center;
}

.hf_map_365 {
  color: #b1b1b1;
}

/*  change      */
.hf_wraprecord_155 {
  width: 730px;
  margin-top: 10px;
  border-top: 3px solid #262626;
}

.hf_footballlive_con_021 {
  padding-left: 5px;
}

.hf_navimg_281 {
  width: 16%;
  height: 100px;
  text-align: center;
  border-right: 1px solid #dddddd;
  float: left;
}

.hf_navimg_281:hover {
  background-color: #f7f7f7;
  border-bottom: 3px solid #58c246;
}

.hf_record_imgbg_082 {
  background-color: #f7f7f7;
  border-bottom: 3px solid #58c246;
}

.hf_navimg_281 img {
  margin-top: 15px;
  text-align: center;
  /*display:block;*/
}

.hf_center_269 {
  text-align: center;
  height: 70px;
}

#table_record .hf_bggreen_248:hover,
#foottable .hf_bggreen_248:hover {
  background-color: #dff0d8;
}

#foottable > tbody > tr > td {
  border-top: 0;
}

#foottable > thead > tr > th {
  border: 0;
}

.hf_score_313 {
  color: #4fa2dd;
}

.hf_table_316 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.hf_table_316 > thead > tr > th,
.hf_table_316 > tbody > tr > th,
.hf_table_316 > tfoot > tr > th,
.hf_table_316 > thead > tr > td,
.hf_table_316 > tbody > tr > td,
.hf_table_316 > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.clearfix {
  clear: both;
}

.hf_tv_nav_298 {
  border: 1px dashed #a6bdd0;
  line-height: 24px;
  padding: 2px;
  margin-top: 5px;
}

.hf_tv_nav_298 a,
.hf_tv_nav_298 span {
  display: inline-block;
  padding: 2px 0;
  text-align: center;
  width: 49px;
  float: left;
  color: #666;
  font: normal 12px tahoma, Corbel, Verdana, Helvetica, sans-serif;
}

.hf_red_369 {
  color: red;
}

.hf_tv_nav_298 a:hover {
  color: #4388c5;
}

.hf_blue_321 {
  color: #4388c5;
}

.hf_tv_nav_298 a.hf_red_369 {
  color: red;
}

/*热门频道*/
.hf_tv_item_hot_118 {
  border: 1px solid #ecf1ec;
  margin-top: 10px;
  box-shadow: 0 4px 4px #ddd;
}

.hf_tv_item_hot_118 .hf_tv_title_242 {
  color: #66b16c;
  font-size: 14px;
  background-color: #f0f6fb;
}

.hf_tv_item_hot_118 .hf_tv_title_242 span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 14px;
  border: 1px solid #eff6fa;
  font-weight: bold;
}

.hf_tv_item_hot_118 .hf_tv_title_242 img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
}

.hf_tv_item_hot_118 .hf_tv_con_297 a {
  display: inline-block;
  width: 97px;
  padding: 5px 0;
  text-align: center;
  border: 1px solid #fff;
}

.hf_tv_item_hot_118 .hf_tv_con_297 a:hover {
  border: 1px solid #eee;
  background-color: #edf9ec;
}

.hf_tv_item_hot_118 a img {
  display: inline-block;
  width: 70px;
  height: 60px;
  margin-bottom: 5px;
}

/*分类频道*/
.hf_tv_item_265,
.hf_program_259 {
  border: 1px solid #ddd;
  margin-top: 10px;
  padding-bottom: 10px;
}

.hf_tv_con_297 {
  padding: 5px;
}

.hf_tv_con_297 a p {
  height: 16px;
  overflow: hidden;
}

.hf_tv_title_242 {
  padding: 5px 10px;
  background-color: #e8eae7;
}

.hf_tv_title_242 span {
  color: #666;
  font-size: 14px;
  font-weight: bold;
}

.hf_tv_title_242 a.hf_more_338 {
  display: inline-block;
  float: right;
  font-size: 12px;
  color: #4388c5;
  padding: 3px;
}

.hf_tv_title_242 a.hf_more_338:hover {
  text-decoration: underline;
}

.hf_tv_item_265 .hf_tv_con_297 a {
  float: left;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  padding: 0px 10px 0 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 158px;
  background: url("../images/arrow.png") no-repeat scroll 0px 9px transparent;
}

/*节目单*/
.hf_program_259 .hf_tv_title_242 {
  margin-left: -2px;
  border-left: 4px solid #4b94c7;
  background: none;
  padding: 5px 10px;
  color: #4278a7;
  font-size: 16px;
  font-weight: bold;
}

.hf_program_259 .hf_tv_con_297 ul {
  width: 50%;
  float: left;
}

.hf_program_259 .hf_tv_con_297 ul li {
  padding: 5px 5px 5px 15px;
  font-size: 14px;
  color: #333;
}

.hf_program_259 .hf_tv_con_297 ul li:nth-child(even) {
  background-color: #f5f7f4;
}

.hf_program_259 .hf_tv_con_297 ul li span {
  margin-right: 5px;
}

/*频道介绍*/
.hf_tv_intro_241 img {
  display: block;
  width: 220px;
  margin: 20px;
  float: left;
}

.hf_tv_intro_241 p {
  padding: 20px 10px 10px 10px;
  text-indent: 2em;
  line-height: 24px;
  font-size: 14px;
  color: #444;
}

p.hf_play_video_145 iframe {
  width: 728px;
  height: 580px;
}

/*地区分类页面*/
.hf_tvlocal_item_085 .hf_tvlocal_title_069 {
  display: inline-block;
  padding: 14px 10px 8px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #444;
  border-bottom: 4px solid #6bc8ef;
}

.hf_tvlocal_con_119 {
  padding: 5px;
  background-color: #f9fbfd;
}

.hf_tvlocal_con_119 a {
  float: left;
  display: inline-block;
  height: 25px;
  width: 138px;
  line-height: 25px;
  color: #888;
  overflow: hidden;
  padding-left: 5px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hf_tvlocal_con_119 a:hover {
  color: #4388c5;
}

#player {
  text-align: center;
  padding: 0px 2px;
  float: left;
}

.hf_selected_235 {
  padding: 5px 0 5px 5px;
  /*border: 1px solid #adcbeb;*/
  margin: 0 auto 3px;
  width: 723px;
  font-size: 14px;
  text-align: left;
  background-color: #f5f5f5;
  cursor: pointer;
}

.hf_selected_235 .hf_actived_246 {
  background: #3e6d8e;
  color: #fff;
}

.hf_player_285 a {
  font-size: 14px;
}

.hf_selected_235 a {
  border: 1px solid #adcbeb;
  padding: 2px 4px;
  margin-right: 5px;
  font-weight: bold;
  color: #0000ff;
}

.hf_selected_235 a:hover {
  background-color: #3e6d8e;
  color: #ffffff;
}

/* Taylor新增 */
/* 热门赛事 */

.hf_topic_match_box_044 {
  width: 800px;
  background: #ffffff;
  border-radius: 5px;
}

.hf_index_tag_title_036 {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0 10px 20px;
}

.hf_index_tag_title_036 div {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
}

.hf_index_tag_title_036 div::before {
  content: "";
  /* background-image: url("../images/hot.svg"); */
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  padding-right: 3px;
}

.hf_list_block_134 {
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.188rem;
  color: #333333;
  margin: 8px 20px 8px 20px;
  padding: 10px 0 10px 0px;
  border-bottom: 1px solid #eee;
}

.hf_list_block_134 .hf_list_block_div_049 {
  display: flex;
  align-items: center;
}

.hf_list_block_134 .hf_list_block_div_049 div {
  display: inline-block;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_state_315 {
  width: 10%;
  text-align: center;
  border-radius: 3px;
  padding: 4px 0 4px 0;
  font-weight: bold;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_state_315.incoming {
  color: #999999;
  background: #f3f3f3;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_state_315.end {
  color: #2a83f8;
  background: #f2f8ff;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_type_350 {
  width: 10%;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_match_name_136 {
  width: 36%;
  text-align: center;
  display: flex;
  align-items: center;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_resource_232 {
  width: 10%;
  text-align: center;
  margin-left: 60px;
  border-radius: 3px;
  padding: 4px 10px;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_resource_232 a {
  color: #ffffff;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_resource_232.live {
  color: #fff;
  background: #f82a2a;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_resource_232.hf_blue_321 {
  color: #fff;
  background: #2a83f8;
}

.hf_list_block_134 .hf_list_block_div_049 .hf_resource_232.hf_gray_329 {
  color: #ffffff;
  background: #999999;
}

.hf_list_block_134 .hf_list_block_div_049 time {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  width: 15%;
}

.hf_text_left_203 {
  width: 120px; /* 热门赛事 首页 需要120长度，展示5个字*/
  text-align: right;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  /* display: -webkit-box !important; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hf_shape_314 {
  width: 20px;
  margin: 0 8px;
}

.hf_text_right_150 {
  width: 120px;
  text-align: left;
}

.hf_longtext_ignore_037 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow-y: clip;
  -webkit-box-orient: vertical;
}

.hf_ld_button_185 {
  color: #10c84c;
  border: solid 1px;
  padding: 5px;
  font-weight: bold;
  border-radius: 4px;
}

/* 新闻资讯 */
.hf_topic_name_news_box_010 {
  margin-bottom: 15px;
}

.hf_news_more_190 {
  float: right;
  vertical-align: bottom;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  cursor: pointer;
}

/* 新闻列表页 */
.hf_news_content_080 {
  overflow: hidden;
  background-color: white;
  border-radius: 5px;
}

.hf_wenda_container_045 .hf_wenda_detail_087 {
  width: 100%;
  height: 51px;
  border-bottom: unset;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: white;
}

.hf_wenda_container_045 {
  background-color: #f2f3f5;
}

.hf_wenda_detail_087 .hf_main_header_107 {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  width: 100px;
  height: 21px;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  color: #000000;
}

.hf_news_content_080 .hf_header_274 {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  height: 21px;
  padding: 12px 20px;
}

.hf_news_content_080 .hf_header_274 span {
  margin-left: 10px;
}

.hf_news_content_080 .hf_wenda_319 .hf_header_274 {
  width: 95px;
}

.hf_image_container_035 .hf_header_container_022,
.hf_pic_content_109 .hf_header_container_022,
.hf_news_content_080 .hf_header_container_022 {
  border-bottom: 1px solid #e1e1e1;
}

.hf_news_content_080 .hf_news_box_225 {
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #e1e1e1;
  color: #666;
}

.hf_news_content_080 .hf_news_box_225 .hf_text_348 {
  font-size: 13px;
}

.hf_news_content_080 .hf_news_box_225:last-child {
  border-bottom: unset;
}

.hf_news_content_080 .hf_news_box_225 .hf_leftBox_255 {
  font-size: 0;
  display: inline-block;
  width: 180px;
  height: 135px;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 5px;
  flex-shrink: 0;
}

.hf_news_content_080 .hf_news_box_225 .hf_wendaImg_244 {
  margin-right: 0;
}

.hf_rightBox_233 .hf_footer_273 {
  display: flex;
  align-items: center;
}

.hf_rightBox_233 p {
  font-size: 20px;
  font-weight: bold;
}

.hf_rightBox_233 .hf_play_343 {
  width: 56px;
  height: 24px;
  background: #74b5f7;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #262626;
  margin-right: 15px;
}

.hf_news_content_080 .hf_news_box_225 .hf_rightBox_233 {
  position: relative;
  padding: 10px 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.hf_news_content_080 .hf_news_box_225 .hf_wendaBox_243 {
  padding: 0;
}

.hf_news_content_080 .hf_news_box_225 .hf_imageBox_222 img {
  width: 180px;
  height: 135px;
  transition: all 0.6s ease;
}

.hf_news_content_080 .hf_news_box_225 .hf_imageBox_222 img:hover {
  cursor: pointer;
  transform: scale(1.1);
  border-radius: 5px;
}

.hf_block_img_159 .hf_video_tag_207 {
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  background: url(../images/205e8056ade34b96b85531acb6e1eb03.gif) no-repeat;
  left: 66px;
  top: 45px;
}

.hf_news_content_080 .hf_rightBox_233 h1 a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.hf_news_content_080 .hf_rightBox_233 time {
  font-size: 16px;
}

/* 新闻详情页 */
.hf_newsDetails_content_009 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
  padding: 20px;
  overflow: hidden;
}

.hf_newsDetails_content_009 h2 {
  padding: 15px 0;
  color: #555555;
}

/* 20200804  图片视角 hyy */
.hf_pic_content_109 {
  overflow: hidden;
  background-color: white;
}

.hf_pic_list_container_013 {
  padding: 20px;
}

.hf_pic_content_109 .hf_pic_list_229 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hf_pic_content_109 .hf_picH_342 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.hf_picH_342 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.hf_picH_342 > .hf_lun_364 {
  width: 500px;
  height: 300px;
}

.hf_picH_342 > .hf_lun_364 > img {
  object-fit: cover;
}

.hf_picH_342 > .hf_picH_right_143 {
  width: 250px;
}

.hf_picH_342 > .hf_picH_right_143 > img {
  width: 100%;
  height: 132px;
  display: block;
  margin-bottom: 6px;
}

/* 直播源列表 */
.hf_signalCon_197 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

a {
  color: #333;
  text-decoration: none;
}

.hf_signalCon_list_050 {
  height: 48px;
  line-height: 28px;
  border: 1px solid #74b5f7;
  border-radius: 4px;
  background: #fff;
  margin: 2px 13px 0 0;
  color: #000;
  overflow: hidden;
}

.hf_signalCon_list_active_004 {
  border: 1px solid red;
  background: red;
  color: #fff;
}

.hf_signalCon_list_050:hover {
  border: 1px solid #74b5f7;
  background: rgba(255, 255, 255, 0.1);
  color: #74b5f7;
}

.hf_signalCon_list_050 > h5 {
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  overflow: hidden;
  padding: 10px 17px;
  box-sizing: border-box;
}

.hf_signalCon_list_050 > p {
  height: 24px;
  font-size: 12px;
  font-weight: 300;
  color: #999999;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.hf_signalCon_listD_043 {
  height: 28px;
  line-height: 28px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  color: #cbcbcb;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hf_signalCon_listD_043 > h5 {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 2px;
}

.hf_cctv_icon_161 {
  background-image: url(../images/205e8056ade34b96b85531acb6e1eb03.gif);
  height: 20px;
  width: 20px;
  background-size: contain;
  position: absolute;
  margin-top: 1px;
}

.hf_cctv_match_title_020 {
  font-size: 16px;
  font-weight: bold;
  background-color: white;
  height: 31px;
  padding-left: 20px;
  padding-top: 20px;
  margin-bottom: 1px;
}

.hf_cctv_match_title_text_001 {
  padding-left: 24px;
}

.hf_player_box_146 {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
}

.hf_content_header_ver2_007 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  /* width: 780px; */
  width: 1180px;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #e1e1e1;
  padding: 0 0 0 20px;
}

.hf_content_header_ver2_007 h1 {
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
  padding: 10px 0;
}

.hf_content_header_ver2_007 h1::before {
  content: "";
  /* background-image: url("../fonts/live.svg"); */
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  padding-right: 3px;
}


.hf_content_header_ver2_1_002 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
   width: 780px; 
  /*width: 1180px;*/
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
  background: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #e1e1e1;
  padding: 0 0 0 20px;
}

.hf_content_header_ver2_1_002 h1 {
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
  padding: 10px 0;
}

.hf_content_header_ver2_1_002 h1::before {
  content: "";
  /* background-image: url("../images/live.svg"); */
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  padding-right: 3px;
}


.hf_list_335 .hf_item_332 .hf_align_items_089 {
  margin: 0 30px 0 0;
}

.hf_list_335 .hf_item_332 .hf_signal_291 {
  display: block;
  width: 13%;
  text-align: center;
  margin-right: 0px;
  margin-left: 70px;
  padding: 4px 10px;
  font-size: 0.875rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.188rem;
  color: #999999;
  border-radius: 3px;
}

.hf_list_335 .hf_item_332 .hf_signal_291.incoming {
  color: #999999;
  background: #f3f3f3;
  border: 1px solid #999999;
}

.hf_list_335 .hf_item_332 .hf_signal_291.live {
  color: #f82a2a;
  background: #fff2f2;
  border: 1px solid #f82a2a;
}

.hf_list_335 .hf_item_332 .hf_signal_291.end {
  color: #09388c;
  background: #ffffff;
  border: 1px solid #09388c;
}

.hf_section_262 .hf_right_tag_box_064 {
  padding: 0;
}

.hf_section_262 .hf_right_tag_box_064 ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.hf_section_262 .hf_right_tag_box_064 li {
  /*flex: 1 0 25%;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
}

.hf_section_262 .hf_right_tag_box_064 li a {
  margin: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.hf_section_262 .hf_right_tag_box_064 li a:hover,
.hf_con_357 a:hover {
  background: #74b5f7;
  font-weight: bold;
  color: #000000;
  border: 1px solid #74b5f7;
}

.hf_section_262 .hf_rank_list_194 a,
.hf_section_262 .hf_rank_345 .hf_rank_list_new_062 a {
  background: unset;
  border: none;
  font-size: 0.875rem;
  color: #000000;
}

.hf_section_262 .hf_rank_list_194 a:hover,
.hf_section_262 .hf_rank_list_new_062 a:hover {
  font-weight: bold;
  color: #74b5f7;
}

.hf_section_262 .hf_rank_list_194 .hf_icon_330 {
  content: "";
  position: relative;
  top: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/hl-vid-inactive.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}

.hf_section_262 .hf_rank_list_194 a:hover .hf_icon_330 {
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
}

.hf_section_262 .hf_rank_345 .hf_rank_list_new_062 {
  border-bottom: none;
  padding: 4px 0 4px 0px;
}

.hf_section_262 .hf_rank_345 .hf_rank_list_new_062 div {
  padding: 0;
}

.hf_section_262 .hf_rank_345 .hf_rank_list_new_062 .hf_icon_330 {
  content: "";
  position: relative;
  top: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/hl-vid-inactive.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}

.hf_section_262 .hf_rank_345 .hf_rank_list_new_062 a:hover .hf_icon_330 {
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
}

.hf_section_262 .hf_rank_345 .hf_rank_list_new_062 .hf_icon_news_171 {
  content: "";
  position: relative;
  top: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}

.hf_section_262 .hf_rank_345 .hf_rank_list_new_062 a:hover .hf_icon_news_171 {
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
}



@font-face {
  font-family: "iconfont";
  src: url("//at.hf_alicdn_268.com/t/font_1453702746_9938898.eot");
  src: url("../fonts/font_1453702746_9938898.eot")
      format("embedded-opentype"),
    url("/") format("woff"),
    url("../fonts/font_1453702746_9938898.woff") format("woff"),
    url("../fonts/font_1453702746_9938898.ttf") format("truetype"),
    url("../fonts/font_1453702746_9938898.svg#iconfont") format("svg");
}

.hf_iconfont_221 {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.hf_icon_basketball_033:before {
  content: "\e60b";
  font-size: 23px;
}

.hf_icon_football_057:before {
  content: "\e603";
  font-size: 23px;
}

.hf_icon_tennis_100:before {
  content: "\e613";
  font-size: 23px;
}

.hf_icon_star_173:before {
  content: "\e60c";
}

.hf_icon_backtop_077:before {
  content: "\e61f";
  font-size: 23px;
}

.hf_icon_down_170:before {
  content: "\e81c";
  font-size: small;
  font-weight: 100;
}

.hf_icon_cur_217:before {
  content: "\e81c";
  font-size: 25px;
  font-weight: 800;
}

.hf_icon_tv2_218:before {
  content: "\e600";
  font-size: 22px;
}

.hf_icon_play_172:before {
  content: "\f0066";
  font-size: 25px;
  font-weight: 100;
}

.hf_icon_play_s_097:before {
  content: "\f0066";
  font-size: 20px;
  font-weight: 100;
}

.hf_icon_tv_252:before {
  content: "\e74c";
  font-size: 35px;
}

.hf_icon_video_129:before {
  content: "\e68c";
  font-size: 35px;
}

.hf_icon_play_s_098:before {
  content: "\f0066";
  font-size: 20px;
}

.hf_icon_basketball2_024:before {
  content: "\e61a";
  font-size: 27px;
  line-height: 22px;
}

.hf_icon_basketball3_025:before {
  content: "\e61a";
  font-size: 20px;
  line-height: 20px;
  color: #369ee6;
}

.hf_icon_football2_047:before {
  content: "\e6c7";
  font-size: 27px;
  line-height: 25px;
}

.hf_icon_football3_048:before {
  content: "\e6c7";
  font-size: 20px;
  line-height: 20px;
  color: #10c84c;
}

.hf_icon_record_099:before {
  content: "\e62c";
  font-size: 35px;
}

/*right,tag块*/
.hf_right_tag_box_064 {
  padding: 0 5px;
}

.hf_right_tag_box_064 ul {
  margin-top: 12px;
}

.hf_right_tag_box_064 li {
  float: left;
}

.hf_right_tag_box_064 li a {
  display: block;
  line-height: 22px;
  padding: 0 6px;
  font-size: 14px;
  color: #666;
  margin: 4px 0 0 3px;
}

.hf_right_tag_box_064 li a:hover {
  color: #dc2221;
}

.hf_right_tag_box_064 li a.active {
  background: #dddddd;
}

/* 热门视频 start */
.hf_topic_name_video_box_006 {
  margin-bottom: 30px;
  width: 800px;
  background-color: #fff;
  border-radius: 5px;
}

.hf_tocname_list_084 {
  overflow: hidden;
}

.hf_time_show_204 {
  text-align: center;
  height: 16px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 16px;
  color: #369ee6;
  padding-bottom: 10px;
}

.hf_time_show_new_065 {
  text-align: center;
  height: 16px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  right: 20px;
  margin-top: 16px;
  font-size: 12px;
  color: #999;
}

.hf_tocname_list_084 > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 20px;
}

.hf_tocname_list_084 > ul > li {
  margin-top: 16px;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 30px 15px 0;
  display: flex;
  justify-content: left;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 0;
  margin-right: 0;
  width: 50%;
  box-sizing: border-box;
}

.hf_tocname_list_084 > ul > li > img {
  width: 20px;
  margin-right: 6px;
  filter: grayscale(100%);
}

.hf_tocname_list_084 > ul > li > a {
  font-size: 14px;
  line-height: 21px;
  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.hf_tocname_list_084 > ul > li:hover a {
  color: #74b5f7;
  font-weight: bold;
}

.hf_tocname_list_084 > ul > li:hover > img {
  filter: unset;
}

/* 热门视频 end */

/* 首页 时间 time 标签样式 */
.hf_content_match_fixed_008 {
  background: #fff;
  width: 80px;
  position: absolute;
  top: 190px;
  left: -52px;
  padding-bottom: 24px;
}

.hf_content_match_fixed_008 a {
  display: block;
  font: 16px/28px "microsoft yahei";
  color: #333;
  width: 80%;
  text-align: center;
  margin: 18px auto 0;
}

.hf_content_match_fixed_008 a.active {
  color: #fff;
  background: #dc2221;
}

.hf_content_match_fixed_008 a:hover {
  color: #fff;
  background: #dc2221;
}

/* 首页 时间 time 标签样式 end*/

/*=========right/left content=========*/

.hf_content_box_094 {
  height: auto;
  margin: 0 auto 0;
  position: relative;
}

.hf_content_block_left_012 {
  width: 800px;
  height: auto;
  float: left;
  margin-bottom: 50px;
}

.hf_articles_text_box_016 {
  background: #fff;
  border-radius: 5px 5px 0px 0px;
}

.hf_bread_crumb_091 {
  font-size: 14px;
  color: #666;
  padding: 10px 0 0 20px;
}

.hf_articles_text_055 {
  padding: 0 40px 28px;
  font-size: 16px;
  font-size: 15px;
  line-height: 36px;
  color: #262626;
}

.hf_articles_text_055 .hf_title_318 {
  margin-top: 20px;
}

.hf_articles_text_055 p span {
  font-size: 20px !important;
}

.hf_articles_text_055 p span:nth-child(2) {
  margin-right: 5px;
}

.hf_articles_text_055 .hf_title_318 h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  color: #262626;
}

.hf_articles_text_055 .hf_title_318 time {
  display: block;
  height: 21px;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: #999999;
  margin-top: 20px;
}

.hf_articles_text_055 img {
  max-width: 600px;
  width: auto;
  height: auto;
  vertical-align: middle;
  display: block;
  margin: 0 auto;
}

.hf_articles_text_055 p {
  text-align: left;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 36px;
  color: #262626;
}

.hf_articles_text_055 pre {
  font-size: 16px;
  color: #333;
  line-height: 32px;
  text-align: left;
  margin-top: 20px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.hf_articles_text_055 strong {
  font-weight: bold;
}
.hf_articles_text_055 a{
    color: #124fdd;
}
.hf_articles_text_055 a:hover{
    color: #74b5f7;
}
/*tag*/
.hf_articles_tag_text_015 ul {
  display: flex;
  flex-wrap: wrap;
}

.hf_articles_tag_text_015 li {
  height: 44px;
  background: #f5f5f5;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px 20px 15px 0;
}

.hf_articles_tag_text_015 li:hover {
  background: #ccc;
  color: #333;
}

.hf_articles_tag_text_015 li a {
  display: block;
  padding: 0 20px;
  height: 21px;
  font-size: 16px;
  line-height: 21px;
  color: #000000;
}

/*推荐阅读*/

.hf_reading_box_112 {
  width: 100%;
  height: auto;
  margin-top: 20px;
  background: #fff;
  float: right;
  border-radius: 5px;
}

.hf_reading_box_112 > div:nth-child(2) {
  padding: 0 20px 20px;
}

.hf_reading_box_112 .hf_reading_title_063 {
  height: 46px;
  padding: 8px 0 0 0;
}

.hf_reading_title_063 p {
  height: 21px;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  color: #000000;
}

/*翻页*/
.hf_pagination_wrap_039 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0 30px;
}

.hf_pagination_141 {
  display: flex;
}

.hf_page_item_191 {
  margin-right: 10px;
}

.hf_page_item_191.active a,
.hf_page_item_191.active span {
  color: #fff;
  background-color: #262626;
  border-color: #262626;
}

.hf_page_item_191 a,
.hf_page_item_191 span {
  min-width: 10px;
  display: block;
  padding: 0 11px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #999999;
}

.hf_page_item_191 a:hover {
  color: #222;
  background-color: #eee;
  border-color: #ddd;
}

.hf_topic_name_video_box_006 div div {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
}

.hf_topic_name_video_box_006 .hf_tocname_list_084 li .hf_icon_330 {
  content: "";
  position: relative;
  top: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/hl-vid-inactive.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}

.hf_topic_name_video_box_006 .hf_tocname_list_084 a:hover .hf_icon_330 {
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
}

.hf_topic_name_video_box_006 .hf_tocname_list_084 li .hf_icon_news_171 {
  content: "";
  position: relative;
  top: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}

.hf_topic_name_video_box_006 .hf_tocname_list_084 a:hover .hf_icon_news_171 {
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
}

.hf_topic_name_video_box_006 .hf_tocname_list_084 a:hover {
  font-weight: bold;
  color: #74b5f7;
}

.hf_record_video_box_027 {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 5px;
  font-size: 14px;
}

.hf_record_video_box_027 .hf_tag_373 {
  margin-top: 10px;
}

.hf_record_video_box_027 .hf_tag_373 a {
  color: #3a78f4;
  margin-right: 10px;
}

.hf_record_video_date_017 {
  text-align: left;
  display: inline-block;
  display: flex;
  padding-left: 20px;
  padding-top: 10px;
}

.hf_record_video_box_027 div div {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 1.313rem;
  color: #000000;
}

.hf_recordname_list_040 {
  overflow: hidden;
  border-radius: 5px 5px 0px 0px;
  background-color: #fff;
  padding-bottom: 15px;
}

.hf_recordname_list_040 > ul {
  width: 50%;
  float: left;
}

.hf_recordname_list_040 > ul > li {
  margin-top: 16px;
  padding: 0 0px;
  display: flex;
  justify-content: left;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hf_recordname_list_040 > ul:first-child > li {
  margin-left: 18px;
  margin-right: 10px;
}

.hf_recordname_list_040 > ul:last-child > li {
  margin-left: 10px;
  margin-right: 20px;
}

.hf_recordname_list_040 > ul > li:last-child {
  border-bottom: none;
}

.hf_recordname_list_040 > ul > li > img {
  width: 20px;
  margin-right: 6px;
  filter: grayscale(100%);
}

.hf_recordname_list_040 > ul > li > a {
  font-size: 14px;
  line-height: 21px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
}

.hf_recordname_list_040 > ul > li:hover a {
  color: #74b5f7;
  font-weight: bold;
}

.hf_recordname_list_040 > ul > li:hover > img {
  filter: unset;
}

.hf_daily_title_095 {
  height: 34px;
  background-color: white;
  font-size: 16px;
  font-weight: bold;
  background-image: url("../images/205e8056ade34b96b85531acb6e1eb03.gif");
  background-position: 20px 13px;
  background-repeat: no-repeat;
  padding-top: 11px;
  padding-left: 52px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 1px solid #eeeeee;
}

.hf_blogroll_210 li {
  display: inline-block;
}

.hf_link_334 {
  list-style: none;
}

.hf_p_385 {
  color: #b1b1b1;
  padding-top: 20px;
}

.hf_link_334 .hf_blogroll_210 li {
  margin: 0 5px 10px 0;
  background: none;
  padding-left: 0 !important;
  color: #ffffff;
}

.hf_link_334 .hf_blogroll_210 li a {
  display: inline-block;
  padding: 2px 5px;
  color: #ffffff;
}

.hf_link_334 .hf_blogroll_210 li a:hover {
  background: #09f;
  color: #fff;
}

.hf_footer_273 .hf_record_288 {
  margin-left: 5px;
  color: #ffffff;
  text-decoration: revert;
}

.hf_footer_273 .hf_record_288:hover {
  color: #ffffff;
}

.hf_toc_left_w665_067 {
  margin-bottom: 20px;
}
.hf_containers_126 {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  margin-top: 20px;
  display: flex;
  flex-direction: column; /* 设置为垂直方向的列布局 */
}

.hf_panel_310 {
  box-sizing: border-box;
  padding: 15px;
  background: #fff;
  box-shadow: 0 1px 52px 0 rgb(0 0 0 / 5%);
  margin-bottom: 20px;
}

.hf_panel_hd_228 {
  display: flex;
  align-items: center; /* 垂直居中标题 */
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #d3d3d3;
  height: 30px; /* 可以根据内容的高度调整 */
}

.hf_hdt_361 {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 700;
}

.hf_panel_bd_227 {
  flex: 1; /* 让 .hf_panel_bd_227 充满 .hf_panel_310 的剩余空间 */
  padding: 15px 0 20px 0;
}

.hf_zb_zzk_list_123 {
  display: flex;
  flex-wrap: wrap; /* 允许元素换行 */
}

.hf_zb_zzk_list_123 li {
  margin: 0 10px 10px 0;
}

.hf_zb_zzk_list_123 li a {
  display: inline-block;
  color: #172b4c;
  padding: 2px 10px;
  background: #dedede;
  border-radius: 5px;
  text-decoration: none; /* 清除链接下划线 */
}


.hf_tags_346{
    display: flex;
    font-size: 16px;
    flex-wrap: wrap;
	margin-top: 20px;
}

.hf_tags_346 li {
  margin: 0 10px 10px 0;
}

.hf_tags_346 li a{
  color: #000;
}


 .hf_pagelist_226 {
  text-align: center;
  color: #666;
  width: 100%;
  clear: both;
  margin: 0 0 10px;
  margin-top: 3rem;
  display: flex;
  justify-content: center;
}

.hf_pagelist_226 li{
list-style: none;
}
.hf_pagelist_226 a {
  color: #000;
  margin: 0 5px 10px;
  padding: 5px 10px;
  background:#f7f7f7;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid;
}
.hf_pagelist_226 a:hover,.hf_pagelist_226 > b {
  color: #fff;
  background: #1c2327;
}
.hf_pagelist_226 > b {
  padding: 5px 10px;
}
.hf_pagelist_226 a.active {
  color: #fff;
  background: #7b9dc9;
}
.hf_pagelist_226 a.hf_disabled_213 {
  color: #fff;
  background: #d5d5d5;
  cursor:not-allowed;
}

.hf_zc_nrong_245 {
  padding: 10px;
  max-height: auto !important;
  background-color: #fff;
}


.hf_image_container_035 {
  float: left;
  margin-right: 20px;
}

.hf_image_container_035 img{
  height: 200px;
}

.hf_text_container_051 {
  font-size: 18px;
  line-height: 35px;
}

.hf_text_348 {
  text-indent: 2em;
}

.hf_zhankaiall_156 {
  display: none;
}

.hf_jianjie_254 {
  color: #74b5f7;
}


.hf_zc_nrong_245 ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.hf_zc_nrong_245 ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hf_zc_nrong_245 ul li .hf_pic_1_311 {
    width: 100%;
    /* height: 128px; */
    overflow: hidden;
}

.hf_zc_nrong_245 ul li .hf_pic_1_311 img{
    width: 100%;
    /*height: 128px; */
}


.hf_zc_nrong_245 ul li .hf_tit_374 {
    font-size: 14px;
    padding: 5px 0;
}

/*展开切换回pc*/

.hf_zc_nrong_modified_018{
    background-color: #fff;
}

.hf_zc_nrong_modified_018 ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.hf_zc_nrong_modified_018 ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hf_zc_nrong_modified_018 ul li .hf_pic_1_311 {
    width: 100%;
    /* height: 128px; */
    overflow: hidden;
}

.hf_zc_nrong_modified_018 ul li .hf_pic_1_311 img{
    width: 100%;
    /*height: 128px; */
}


.hf_zc_nrong_modified_018 ul li .hf_tit_374 {
    font-size: 14px;
    padding: 5px 0;
}


  
.hf_section_tit_115 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 28px;
    border-bottom: 2px solid #555555;
}

.hf_section_tit_115 span {
    font-weight: 600;
    color: #000000;
    font-size: 18px;
}

.hf_section_tit_115 span img {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.hf_section_tit_115 span em {
    font-size: 14px;
    font-weight: bold;
    color: #CACACA;
    padding: 0 8px;
}

.hf_section_tit_115 a {
    font-weight: 400;
    color: #9F9F9F;
    font-size: 12px;
}

.hf_section_tit_115 .hf_more_338 img {
    margin-left: 3px;
}
.hf_section_tit_nav_042 {
    background: #F8F8F8;
    padding: 5px;
    display: flex;
}

.hf_section_tit_nav_042 span {
    flex: 1;
    text-align: center;
    padding: 5px 0;
}

.hf_section_tit_nav_042 span.hf_on_382 {
    background: #FFFFFF;
}

.hf_section_tit_nav_042 .hf_nav_366.hf_on_382 {
    background: #FFFFFF;
}

.hf_section_tit_nav2_029 {
    display: flex;
    background: #F8F8F8;
}

.hf_section_tit_nav2_029 span {
    flex: 1;
    text-align: center;
    line-height: 32px;
}

.hf_section_tit_nav2_029 span a {
    display: block;
}

.hf_section_tit_nav2_029 span.hf_on_382 {
    background: #FDDC00;
}


.hf_section_hot_team_028 {
    padding: 10px 0;
    background-color: #FFFFFF;
}

.hf_section_hot_team_028 a .hf_pic_qiudui_142 {
    border: 1px solid #F2F2F2;
    padding: 10px;
}

.hf_section_hot_team_028 a .hf_pic_qiudui_142 img {
    width: 48px;
    height: 48px;
}

.hf_section_hot_team_028 a {
    width: 82px;
    margin: 10px 0;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.hf_section_hot_team_028 a p {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 68px;
}

.hf_section_hot_team_box_005 {
    display: none
}

.hf_section_hot_team_box_005.hf_on_382 {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-items: center;
}


.hf_fenye_303 {
    display: flex;
    justify-content: center;
    padding: 30px 0;
    font-size: 14px;
    background-color: #fff;
}

.hf_fenye_303 ul li {
    display: inline-block;
    font-size: 14px;
    margin: 0 3px;
    line-height: 1.5;
}

.hf_fenye_303 ul li a {
    font-size: 12px;
    color: #9B9B9B;
    display: block;
    padding: 2px 6px;
    border: 1px solid #74b5f7;
    border-radius: 3px;
}

.hf_fenye_303 ul li a:hover {
    background-color: #74b5f7;
    color: #fff;
    border: 1px solid #74b5f7;
}

.hf_fenye_303 ul li.active a {
    background-color: #74b5f7;
    color: #fff;
    border: 1px solid #74b5f7;
}



.hf_qiudui_1_231 p{
    padding: 8px 10px;
    font-size: 16px;
}

.hf_qiuyuanlist_111 {
     width: 1200px;
    border-radius: 4px;
    padding: 0 10px;
    box-sizing: border-box;
}

.hf_qiuyuanlist_111 .hf_hot_qiuyuan_main_023 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.hf_qiuyuanlist_111 .hf_hot_qiuyuan_main_023 .hf_hot_member_item_032 {
    width: 23%;
    margin: 1%
}

.hf_qiuyuanlist_111 .hf_hot_qiuyuan_main_023 .hf_hot_member_item_032 a {
    display: flex;
    width: 100%;
    height: 100%;
}

.hf_qiuyuanlist_111 .hf_hot_qiuyuan_main_023 .hf_hot_member_item_032 .hf_pic_367 {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background: #F5F7F9;
    border-radius: 3px;
    align-items: center;
}

.hf_qiuyuanlist_111 .hf_hot_qiuyuan_main_023 .hf_hot_member_item_032 .hf_pic_367 img {
    padding: 8px;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

.hf_qiuyuanlist_111 .hf_hot_qiuyuan_main_023 .hf_hot_member_item_032 .hf_info_1_275 {
    width: calc(100% - 68px);
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 5px 0px 5px 10px;
}

.hf_qiuyuanlist_111 .hf_hot_qiuyuan_main_023 .hf_hot_member_item_032 .hf_info_1_275 em {
    font-size: 12px;
    font-weight: 400;
    color: #666;
}


.hf_qdqyinfo_230 .hf_qdqy_logo_193 {
    background: #000;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff
}

.hf_qdqyinfo_230 .hf_qdqy_logo_193 img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
}

.hf_qdqyinfo_230 .hf_qdqy_logo_193 h1 {
    font-size: 16px;
    line-height: 2
}

.hf_qdqyinfo_230 .hf_qy_qyxx_260 ul {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #EFEFEF;
    border-top: 1px solid #EFEFEF;
}

.hf_qdqyinfo_230 .hf_qy_qyxx_260 ul li {
    display: flex;
    width: 33.333%;
    border-bottom: 1px solid #EFEFEF;
    border-right: 1px solid #EFEFEF;
    box-sizing: border-box;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #ADADAD;
    font-size: 12px;
    padding: 15px 0;
}

.hf_qdqyinfo_230 .hf_qy_qyxx_260 ul li span {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.hf_qdqy_lmtit_147 {
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0;
}

.hf_bgwhite_249{
    background-color: #fff;
    width: 1200px;
    border-radius: 4px;
    padding: 20px 10px;
    box-sizing: border-box;
}


.hf_saishi_item_114 .hf_qiudui_286 {
    padding: 0px;
}

.hf_saishi_item_114 .hf_qiudui_286 .hf_qiudui_item_110 {
    width: 23%;
    margin: 1%;
    display: flex;
    justify-content: space-between;
}

.hf_saishi_item_114 .hf_qiudui_286 .hf_qiudui_item_110 .hf_pic_1_311 {
    width: 50px;
    height: 50px;
    background: #F5F7F9;
    padding: 7px;
}

.hf_saishi_item_114 .hf_qiudui_286 .hf_qiudui_item_110 .hf_pic_1_311 img {
    width: 50px;
    height: 50px;
}

.hf_saishi_item_114 .hf_qiudui_286 .hf_qiudui_item_110 .hf_title_318 {
    width: calc(100% - 74px);
    text-align: left;
}

.hf_saishi_item_114 .hf_qiudui_286 .hf_qiudui_item_110 .hf_title_318 p {
    font-weight: 600;
    color: #000;
    /*line-height: 2;*/
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hf_saishi_item_114 .hf_qiudui_286 .hf_qiudui_item_110 .hf_title_318 .hf_t2_383 {
    font-size: 14px;
    color: #656565;
    font-weight: 400;
    padding-top: 10px;
}

.hf_flex_wrap_167 {
    display: flex;
    flex-wrap: wrap;
}

.hf_zhuanti_267{
    background-color: #fff;
}

.hf_zhuanti_267 ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

.hf_zhuanti_267 ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.hf_zhuanti_267 ul li .hf_pic_1_311 {
    width: 100%;
    /* height: 128px; */
    overflow: hidden;
}
.hf_zhuanti_267 ul li .hf_pic_1_311 img{
    width: 100%;
    /*height: 128px; */
}

.hf_zhuanti_267 ul li .hf_tit_374 {
    font-size: 18px;
    padding: 5px 0;
    font-weight: 500;
}

.hf_mt20_339{
    margin-top: 20px;
}


.hf_citiao_list_092{
  padding: 10px;
  background: #fff;
  color:#6a6a6a;
}

.hf_citiao_list_092 span a {
  font-size: 14px;
  line-height: 27px;
  color:#6a6a6a;
  
  border: none;
  padding: 0;
}

.hf_article_content_030{
    padding:0 15px;
}

.hf_article_content_030 .hf_article_tit_090 {
    font-size: 22px;
    font-weight: 600;
    line-height: 2;
}

.hf_article_content_030 .hf_article_info_072 {
    font-size: 14px;
    color: #e5e5e5;
    padding: 10px 0 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}


.hf_article_content_030 .hf_article_info_072 a {
    color: #e5e5e5;
}


.hf_image_box_180 {
    text-align: center;
}

.hf_image_box_180 img {
    max-width: 500px;
}

.hf_nr_381 {
    text-indent: 2em;
    line-height: 30px;
    font-size: 16px;
}

.hf_nr_1_340 {
    text-indent: 2em;
    line-height: 30px;
    font-size: 16px;
}



.hf_flex_between_076 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hf_live_source_105 a {
    padding: 10px;
    background: #74b5f7;
    color: #fff;
    border-radius: 6px;
    transition: transform 0.5s;
    animation: spring-animation 1s infinite alternate;
    display: inline-block;
    margin: 5px 10px;
}